@charset "utf-8";
/*===========================
 =  Table of CSS
  	1. General code
		1.1. Typography
		1.2. Button
		1.3. Space margins and padding
		1.4. Form
		1.5. Table
		1.6. Accordion
		1.7. Section-background-color & sectino-heading
		1.8. Tabs
		1.9. parallex-background
		1.10. Modal
	2. Header
	3. Intro
	4. Latest-Event-Sermons
		4.1. Event-List
		4.2. Sermons-List
	5. Causes
	6. Footer
	7. Inner-Intro
	8. Sermons
	9. Sermon-Detail
	10. Events
	11. Event-Detail
	12. Blog
	13. Blog-Detail
		13.1 Post-style
		13.2. Sidebar
		13.3. Comments
	14. Contact-Us
	15. Donation
	16. About-Us
	17. Responsive-CSS
===========================*/

/*====================
	2311. General code
==========================*/
 body {
	font-family: 'Noto Sans', sans-serif;
	margin:0px;
	padding:0px;
	font-size:15px;
	line-height:28px;
	overflow-x:hidden;
	font-weight:400;
	color:#13366f;
}

/*----------------------
	1.1. Typography
------------------------------*/
 h1,  h2,  h3,  h4,  h5,  h6 {
	color:#13366f;
	margin:0 auto 20px;
	font-family: 'Marcellus', sans-serif;
	font-weight:600;
	text-transform: capitalize;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 26px;
}
h4 {
	font-size:24px;
}
h5 {
	font-size: 20px;
}
h6 {
	font-size: 18px;
}
 p {
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 25px;
	font-family: 'Noto Sans', sans-serif;
}
 a {
	transition-duration:0.5s;
	 -moz-transition-duration:0.5s;
	  -o-transition-duration:0.5s;
	   -webkit-transition-duration:0.5s;
	    -ms-transition-duration:0.5s;
	text-decoration:none;
	color:#f5b324;
}
 a:hover,  a:focus {
	text-decoration:none;
	outline:none;
	color:#f5b324;
}
ul, ol {
	margin:0 0 20px;
}
 ul li, ol li {
   margin: 0 0 10px;
}
blockquote {
	background:#fff ;
	position:relative;
	padding:0 0 0 70px;
	margin:0 auto 30px;
}
blockquote::after {
	position: absolute;
	top: 2px;
	left: 5px;
	content: "";
	background: url(../images/quote_icon-2.png) no-repeat center;
	width: 40px;
	height: 40px;
}
blockquote p {
	color:#13366f;
	font-size:18px;
	font-weight:600;
}
 blockquote h6 {
	color:#f5b324;
	font-weight:400;
	text-transform:uppercase;
	font-size:15px;
}
img {
	max-width:100%;
	width:auto;
	height:auto;
}

/*-----------------
	1.2. Button
-------------------------*/
 .btn {
  background:rgba(255, 193, 7, 0.41);
  border: medium none;
  border-radius:0px;
  color: #f5b324;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight:600;
  text-transform:uppercase;
  line-height: 30px;
  height:auto;
  margin: auto;
  letter-spacing:0.5px;
  padding: 12px 32px;
  transition: all 0.3s linear 0s;
   -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
     -webkit-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
}
 .dark-btn {
	background:#f5b324;
	color:#fff;
}
.btn.btn-lg {
	font-size: 14px;
	line-height: 30px;
	padding: 16px 45px;
}
.btn.btn-sm {
	font-size:14px;
	padding:8px 22px;
}
 .btn:hover,  .btn:focus {
	color: #ffffff;
	outline: none;
	background: #f5b324;
	box-shadow: none;
}
 .dark-btn:hover {
	background:rgba(255, 193, 7, 0.69);
}
 .btn-link {
  font-weight: 800;
  font-size:15px;
  color:#f5b324;
}
.btn.outline-btn {
	background:none;
	color:#deb668;
	border:#deb668 solid 3px;
	letter-spacing:4px;
	padding:15px 50px;
	font-weight:700;
}
.btn.outline-btn:hover {
	color:#fff;
}
 .sh-btn-link:hover {
	color:#13366f;
}
/*-------------------------------------
	1.3. Space margins and padding
------------------------------------------------*/
.padding_none {
	padding:0px;
}
.padding_top_20 {
	padding-top:20px;
}
.padding_50px {
	padding:50px 0;
}
.padding_4x4_30 {
	padding:30px;
}
.padding_4x4_40 {
	padding:40px;
}
.padding_right {
	padding-right:60px;
}
.padding_left {
	padding-left:60px;
}
.space-20 {
    width:100%;
    height: 20px;
	clear:both;
}
.space-30 {
    width:100%;
    height: 30px;
	clear:both;
}
.space-40 {
    width:100%;
    height: 40px;
	clear:both;
}
.space-60 {
    width:100%;
    height: 60px;
	clear:both;
}
.space-80 {
    height: 80px;
    width:100%;
}
.margin-btm-20 {
    margin-bottom: 20px;
	clear:both;
}
.margin-top-20 {
    margin-top: 20px;
	clear:both;
}
.margin-top-40 {
    margin-top: 40px;
	clear:both;
}
.margin-btm-40 {
    margin-bottom: 40px;
	clear:both;
}
.margin-top-60 {
    margin-top: 60px;
	clear:both;
}
.margin-btm-60 {
    margin-bottom: 60px;
	clear:both;
}
.margin_60 {
	margin:60px auto;
}
.margin-none {
	margin:0px;
}

.mt-100{
	margin-top: 100px;
}


/*-----------------
	1.4. Form
---------------------------*/
.form-group {
  margin-bottom: 25px;
  position: relative;
}
.form-label {
  color: #022147;
  font-size: 16px;
  font-weight: 400;
  margin: 0 auto 8px;
}
.form-control {
	background: #fff none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0;
	border-bottom: #ccc solid 1px;
	box-shadow: none;
	color: #888888;
	font-size: 14px;
	height: 50px;
	line-height: 30px;
	padding: 0;
}
textarea.form-control {
	padding:15px 20px;
}
.form-control:hover {
	box-shadow:none;
	outline:none
}
.form-control:focus {
	box-shadow:none;
	border-color:#eedab3;
	outline:none
}
.select {
	position:relative;
}
.select select {
  appearance: none;
   -moz-appearance: none;
   -o-appearance: none;
   -webkit-appearance: none;
   -ms-appearance: none;

}
.select::after {
  color: #878787;
  content: "";
  cursor: pointer;
  font-family: fontawesome;
  font-size: 15px;
  padding: 12px 0;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 0;
}
.form-control option {
  padding: 10px;
}
.control-label {
	color:#555;
	font-size:15px;
	font-weight:700;
}
.radio label, .checkbox label {
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  padding-left: 30px;
  position: relative;
}
.radio input[type=radio],
.checkbox input[type=checkbox] {
	display: none;
}
.radio label:before {
    background-color:transparent;
	border-style:solid;
	border-width:1px;
	border-color:#cacaca;
	border-radius:50%;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
	top:6px;
    position: absolute;
    width: 20px;
}
.checkbox label::before {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #111111;
  content: "";
  display: inline-block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 16px;
}
 .radio input[type=radio]:checked + label:before {
	content: "\2022";
	font-size: 30px;
	text-align: center;
    line-height: 11px;
	color:#f5b324;
}
.checkbox input[type=checkbox]:checked + label:before {
	content: "\2713";
	font-size: 12px;
	text-align: center;
    line-height: 14px;
}
.black_input .form-control {
	background:#222;
	border-radius:3px;
	color:#fff;
	border:#222 solid 1px;
	font-size:17px;
}
.checkbox, .radio {
  padding-top: 5px;
}


/*-----------------
	1.5. Table
---------------------------*/
table {
	margin:0 0 30px;
	width:100%;
}
table th, table td {
  border: 1px solid #cccccc;
  padding: 15px;
  padding:18px;
}
table th img, table td img {
	max-width:100%;
}
table thead {
	background:#eee;
}
table thead th, table thead td {
	text-transform:uppercase;
	font-weight:900;
	color:#111;
}


/*-----------------
	1.6. Accordion
---------------------------*/
.panel-title {
	position:relative;
}
.panel-title a {
	display: block;
	padding: 28px 50px 28px 0;
	position:relative;
}
.panel-title a::after {
	position: absolute;
	top: 33px;
	right: 0;
	background: #b7b7b7;
	height: 2px;
	width: 16px;
	content: "";
}
.panel-title a.collapsed::before {
	position: absolute;
	top: 26px;
	right: 7px;
	background: #b7b7b7;
	height: 16px;
	width: 2px;
	content: "";
}
 .panel-title {
	margin:0 auto;
}
.panel.panel-default:first-child {
	border-top:#e8e7e7 solid 1px;
}
.panel.panel-default {
	border-bottom:#e8e7e7 solid 1px;
}

/*-----------------------------------------------------------
	1.7. Section-background-color & sectino-heading
-------------------------------------------------------------------*/
 .secondary-bg {
	background:#13366f;
}
.primary-bg {
  background: #deb668;
}
.gray_bg {
	background:#f8f8f8;
}
.section-padding {
  padding: 125px 0;
}

.section-header h2 {
	margin:0 auto 36px;
	font-size:36px;
}
.z_index {
	z-index:2;
}
.divider {
	border-top:#ebebeb solid 1px;
}
 .white_text,
 .white_text p,
 .white_text h1,
 .white_text h2,
 .white_text h3,
 .white_text h4,
 .white_text h5,
 .white_text h6 {
	color:#fff;
}


/*--------------------
	1.8. Tabs
------------------------------*/
.nav.nav-tabs {
  border: medium none;
}
.nav-tabs > li a {
  background: #000000 none repeat scroll 0 0;
  border-radius: 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  margin-right: 5px;
  padding: 14px 26px;
  text-align: center;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li a:hover,
.nav-tabs > li a:focus {
  color: #ffffff;
  background:#c7335b;
}
.nav-tabs > li {
  margin-bottom: 0;
}


/*--------------------------------------------
	1.9. Parallex-background
---------------------------------------------------*/
.parallex-bg {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


/*------------------------
	1.10. Modal
--------------------------------*/
.modal-dialog {
  margin: 20px auto;
  max-width: 90%;
  width: 500px;
}
.modal-content {
  padding: 0 32px 22px;
}
.modal-header {
	padding:15px 0;
	margin-bottom:25px;
}
.modal-header h3 {
	margin:15px auto;
}
.modal-body {
	padding:10px 0;
}
.modal .modal-header .close {
  background: #000000 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 17px;
  height: 31px;
  line-height: 30px;
  margin-top: 5px;
  opacity: 1;
  position: absolute;
  right: -10px;
  text-align: center;
  text-shadow: none;
  top: -20px;
  width: 31px;
}
label.error {
  color: #ff0000;
  display: block;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
}


/*================
	 2. Header
===========================*/
#header {
  left: 0;
  right: 0;
  position:relative;
  transition-duration:0.3s;
	 -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
	    -ms-transition-duration:0.3s;
  z-index: 22;
}
#header.nav-stacked {
	position:absolute;
	top:0;
	left:0;
	right:0;
}
#header.sticky {
	position:fixed;
	top:0;
}

@-webkit-keyframes fadeHeaderInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
}
100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
}
}
@-moz-keyframes fadeHeaderInDown {
0% {
opacity:0;
-moz-transform:translate3d(0, -100%, 0);
}
100% {
opacity:1;
-moz-transform:translate3d(0, 0, 0);
}
}
@-o-keyframes fadeHeaderInDown {
0% {
opacity:0;
-o-transform:translate3d(0, -100%, 0);
}
100% {
opacity:1;
-o-transform:translate3d(0, 0, 0);
}
}
@keyframes fadeHeaderInDown {
0% {
opacity:0;
transform:translate3d(0, -100%, 0);
}
100% {
opacity:1;
transform:translate3d(0, 0, 0);
}
}
 #header.sticky .nav-border{
	border: 0;
}
 #header.sticky, .fadeHeaderInDown {
	-webkit-animation-name:fadeHeaderInDown;
	-moz-animation-name:fadeHeaderInDown;
	-o-animation-name:fadeHeaderInDown;
	animation-name:fadeHeaderInDown;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:22;
	background:#13366f;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#header:not(.is-alternate) {
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}
.header_top {
	padding: 10px 0;
	display: table;
	width: 100%;
}
header.sticky .header_top {
	display:none;
}
.header_top p, .header_top .select_language {
	float: left;
	color: #a5afbb;
	margin: 7px auto;
	font-size: 14px;
}
.select_language select {
	background: none;
	color: #a5afbb;
	border: 0;
	appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 12px 5px;
}
 .header_top .quick_info ul,
 .header_top .quick_info ul li{
	margin-bottom: 0px;
	color: #ffffff;
}
 .header_top .quick_info ul li{
	color: #a5afbb;
	font-size: 14px;
}
 .header_top .quick_info ul li span i{
	color: #f5b324;
}
 .header_top .quick_info ul li::after{
	content: "|";
	width: 10px;
	height: 10px;
	color: #909090;
	display: inline-block;
	margin-left: 1rem;
}
 .header_top .quick_info ul li:last-child::after{
	display: none;
}
@media (min-width:768px) {
.collapse.navbar-collapse {
	display: block;
}
}
.collapse.navbar-collapse {
	width: auto;
	flex-basis: auto;
	text-align: right;
	flex-grow: inherit;
}
.navbar-nav {
	display:block;
}
.navbar-nav li {
	display: inline-block;
	vertical-align: top;
	margin:0 auto;
}
.navbar.navbar-default {
	padding:0;
}
 .navbar-nav li a {
	display: block;
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Noto Sans', sans-serif;
	padding: 13px 15px;
	margin: 0 auto;
    font-weight :bold;
}
 .navbar-nav li a:hover,  .navbar-nav li a.active {
	color:#f5b324;
    background-color :#243df5;
}
.navbar-nav .btn {
	font-size:700;
	padding:13px 32px;
}
.navbar-nav .btn:hover {
	color:#fff;
}
 .nav-border{
	border: 1px solid rgba(255, 255, 255, 0.5);
	padding: 10px;
}
/*-----------
	sub-menu
-------------*/
.navbar .navbar-nav li.dropdown > a {
	padding-right: 28px;
}
.navbar .navbar-nav li.dropdown > a::after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right:9px;
  top: 12px;
}
ul.sub-menu {
	background: #fff none repeat scroll 0 0;
	display: none;
	list-style: outside none none;
	min-width: 300px;
	padding: 0;
	position: absolute;
	left: 0;
	top: 100%;
	width: auto;
	z-index: 9999;
	text-align: left;
	box-shadow:rgba(0, 0, 0, 0.12) 0 0 15px;
}
ul.sub-menu ul.sub-menu {
	left:100%;
	top:0;
	display:none;
}
.navbar .navbar-nav li:hover > ul.sub-menu,
.navbar .navbar-nav li ul.sub-menu:hover > ul.sub-menu {
  display: block;
}
.navbar ul li ul.sub-menu li {
	float: none;
	margin: 0;
	display: block;
}
.navbar ul li ul.sub-menu li a {
	padding: 10px 17px;
	color: #022147;
	border-bottom: rgba(0, 0, 0, 0.15) solid 1px;
}
 .navbar ul li ul.sub-menu li a:hover {
	color:#f5b324;
}
#menu_slide {
	display: none;
}

#menu_slide:focus{
	outline: 0;
}

 #navigation .navbar-nav li a.btn:hover{
	color: #ffffff;

}

@media (max-width: 767px) {

  /*  Mobile Child Toggle Buttons */
  #nav-toggle,
  #nav-toggle-label {
    display: block;
  }

  .mobile-open .mobile-menu {
    display: block;
  }

  .child-trigger {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px;
    min-width: 55px;
    height: 60px;
    padding: 0;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }

  .child-trigger:hover {
    text-decoration: none;
  }

  .child-trigger i {
    position: relative;
    top: 50%;
    margin: 0 auto;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .child-trigger i:after {
    position: absolute;
    content: '';
  }

  .child-trigger i,
  .child-trigger i:after {
    width: 10px;
    height: 2px;
    background-color: #fff;
    display: block;
  }

  .child-trigger i:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  .child-trigger.child-open i {}

  .child-trigger.child-open i:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  .mobile-menu .wd-menu .sub-menu .child-trigger {
    height: 50px;
  }

  #nav-toggle {
    position: fixed;
    top: 0;
    right: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    opacity: 0;
  }

  /*  Mobile Hamburger */
  #nav-toggle-label * {
    transition: 0.25s ease-in-out;
  }

  #nav-toggle-label {
    height: 28px;
    width: 28px;
    position: relative;
    z-index: 9999;
    right: 0;
    top: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
    transition: 0.25s ease-in-out;
    margin: 0;
  }

  .mobile-open #nav-toggle-label,
  .mobile-open #nav-toggle-label.slide-out {
    background: transparent;
    right: 0;
  }

  .mobile-open #nav-toggle-label {
    right: 30px;
    position: absolute;
    top: auto;
  }

  #nav-toggle-label #hamburger {
    position: relative;
    height: auto;
    width: 100%;
    top: 6px;
    right: 0;
  }

  #nav-toggle-label #hamburger span {
    display: block;
    width: 100%;
    height: 2px;
    position: relative;
    margin: 0 0 8px 0;
    background: #fff;
  }

  #nav-toggle-label #hamburger span:nth-child(1) {
    transition-delay: 0.5s;
  }

  #nav-toggle-label #hamburger span:nth-child(2) {
    ;
    transition-delay: 0.625s;
  }

  #nav-toggle-label #hamburger span:nth-child(3) {
    transition-delay: 0.75s;
    margin: 0;
  }

  .mobile-open #nav-toggle-label #hamburger span,
  .mobile-open #nav-toggle-label.slide-out #hamburger span {
    width: 0%;
  }

  .mobile-open #nav-toggle-label #hamburger span:nth-child(1),
  .mobile-open #nav-toggle-label.slide-out #hamburger span:nth-child(1) {
    transition-delay: 0s;
  }

  .mobile-open #nav-toggle-label #hamburger span:nth-child(2),
  .mobile-open #nav-toggle-label.slide-out #hamburger span:nth-child(2) {
    transition-delay: 0.125s;
  }

  .mobile-open #nav-toggle-label #hamburger span:nth-child(3),
  .mobile-open #nav-toggle-label.slide-out #hamburger span:nth-child(3) {
    transition-delay: 0.25s;
  }

  #nav-toggle-label #cross {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #nav-toggle-label #cross span {
    display: block;
    background: #fff;
  }

  #nav-toggle-label #cross span:nth-child(1) {
    height: 0%;
    width: 2px;
    position: absolute;
    top: 0;
    right: 50%;
    margin-left: -1px;
    transition-delay: 0s;
  }

  #nav-toggle-label #cross span:nth-child(2) {
    width: 0%;
    height: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    ;
    transition-delay: 0.25s;
  }

  .mobile-open #nav-toggle-label #cross span:nth-child(1),
  .mobile-open #nav-toggle-label.slide-out #cross span:nth-child(1) {
    height: 100%;
    transition-delay: 0.625s;
  }

  .mobile-open #nav-toggle-label #cross span:nth-child(2),
  .mobile-open #nav-toggle-label.slide-out #cross span:nth-child(2) {
    width: 100%;
    transition-delay: 0.375s;
  }

    .mobile-menu {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100vh;
      background: rgb(19, 54, 111);
      padding: 100px 0 0;
      z-index: 99;
      overflow: hidden;
      display: none;
    }

    body.mobile-open {
      overflow: hidden;
    }

    .mobile-menu .wd-menu {
      display: block;
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%;
      overflow: hidden;
      overflow-y: auto;
			padding: 0;
    }

    li.has-child .sub-menu {
      display: none;
    }

     .mobile-menu .wd-menu li a {
      display: block;
      padding: 0 30px;
      line-height: 50px;
      font-weight: 600;
      color: #fff;
    }

    .mobile-menu .wd-menu>li>a {
      line-height: 60px;
      font-weight: 700;
    }

    .mobile-menu .wd-menu>li>a:after {
      display: none;
    }

     .mobile-menu .wd-menu>li {
      padding: 0;
      margin: 0;
    }

    .mobile-menu .wd-menu .sub-menu li {
      margin: 0;
    }

    .mobile-menu .wd-menu .sub-menu .sub-menu>li>a {
      font-weight: 500;
    }

    .wd-menu>li.has-child>a:after,
    li.has-child>a:after,
    .shop .widget-title[data-toggle="collapse"]:after {
      display: none;
    }
		.mobile-menu .wd-menu li a {
    display: block;
    padding: 0 30px;
    line-height: 50px;
    font-weight: 600;
    color: #fff;
	}
	 .wd-menu li.has-child {
    position: relative;
	}
}

 .mobile-menu ul.sub-menu {
	background: #0b2248 none repeat scroll 0 0;
}
@media (min-width: 767px){
	.mobile-menu {
			display: none;
			opacity: 0;
			visibility: hidden;
	}
}


/*================
	 3. Intro
===========================*/
#intro {
	position:relative;
}
#intro .item {
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.intro_text {
	text-align:center;
	margin:0 auto 30px;
	max-width:800px;
	padding:180px 0;
	position: relative;
	z-index: 9;
}
.intro_text h1 {
	font-size:65px;
	text-transform:uppercase;
	font-weight:700;
}
.intro_text p {
	font-size:18px;
	margin:0 auto 40px;
	max-width:70%;
	line-height:26px;
}
 #intro .owl-nav div {
	width: 50px;
	height: 80px;
	background:#f5b324;
	border-radius: 0;
}
#intro .owl-nav {
	left: 2%;
	width: 96%;
}
 #intro .owl-nav div::after {
	line-height:80px;
}

/* Video HEader */
 .sh-video-header{
	position: relative;
	background-color: black;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

 .video_intro_text {
    padding: 250px 0;
    margin: 0 auto 30px;
    text-align: center;
}

 .sh-video-header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.3;
    z-index: 1;
}

 .sh-video-header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

/*==============================
	4. Latest-Event-Sermons
=====================================*/
.latest_event_sermons .box_wrap {
	padding: 45px 32px;
	text-align: left;
	margin: 0 auto;
}
.subtitle {
	color: #838383;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}
 .latest_event_sermons .event_info {
	float: none;
	width: 100%;
	position: relative;
	padding: 10px 0 15px 110px;
}
   .latest_event_sermons h4 a,
 .latest_event_sermons h6 a {
	color:#13366f;
}
 .latest_event_sermons h4 a:hover,
 .latest_event_sermons h6 a:hover {
	color:#f5b324;
}
 .latest_event_sermons .event_date {
	background: no-repeat;
	position: absolute;
	top: 10px;
	left: 0;
	width: 80px;
	padding: 18px 0 0;
	color: #13366f;
	line-height: 22px;
}
.latest_event_sermons {
	position: relative;
	margin-top: -55px;
	z-index: 1;
}
.next_sermons .sermons_inside {
	text-align: left;
	padding: 20px 0;
	float: none;
	width: auto;
	clear: both;
}
.next_sermons .sermons_inside ul li {
	margin: 0 15px 0 0;
}

/*--------------------
	4.1. Event-List
---------------------------*/
.event_list ul {
	padding:0;
	margin:0 auto;
	list-style:none;
}
.event_list ul li {
	margin:0 auto 20px;
}
.event_list ul li:last-child {
	margin:0 auto;
}
.event_list ul .event_info ul {
	margin:0 auto;
}
.event_list ul .event_info ul li {
	margin:0 auto;
}
.event_list h6 {
	margin:0 auto 12px;
}
 .latest_event_sermons .event_list .event_date {
	top: 24px;
}
 .latest_event_sermons .event_list .event_info {
	padding: 25px 25px 25px 136px ;
	border: #e8e7e7 solid 1px;
	border-radius: 6px;
}
 .latest_event_sermons .event_list .event_date {
	width: 106px;
	padding: 20px 0 10px;
	border-right: #e8e7e7 solid 1px;
}
.heading {
	overflow:hidden;
	margin:0 auto 50px;
}
.heading h3 {
	display:inline-block;
	margin:6px auto;
}
 .heading .btn-sm {
	padding:6px 30px;
}

/*---------------------
	4.2. Sermons-List
---------------------------*/
.panel-body .sermons_inside {
	text-align: left;
	padding: 15px 0 50px;
	padding-right: 0;
	float: none;
	width: 100%;
}
.panel-body .sermons_inside li {
	margin:0 15px 0 0;
}
.player-controls.scrubber {
	float: left;
	width: 70%;
	background: #faf4e8;
	padding: 8px 20px;
	margin: 0 auto;
}
.audio-player {
	overflow: hidden;
	padding: 16px 0 0;
}
.audio-player .player-controls progress {
  width: 78%;
}
.audio-player .player-controls progress[value] {
	-webkit-appearance: none;
	appearance: none;
	background-color: #e7e3db;
	color: blue;
	height: 9px;
	border: 0;
}
 .small,  small {
	font-size: 80%;
	font-weight: 400;
	color: #f5b324;
	font-size: 14px;
}
 .audio-player .player-controls progress[value]::-webkit-progress-bar {
  background-color: #e7e3db;
  border-radius: 2px;
  border: 0;
  color: #f5b324;
}
 .audio-player .player-controls progress::-webkit-progress-value {
  background-color: #f5b324;
}
.audio-player .player-controls p {
  font-size: 1.6rem;
}
 .audio-player #play-btn {
  width: 55px;
  height: 55px;
  margin: 0 15px 0 0;
  background: rgba(255, 193, 7, 0.41);
  text-align:center;
  color:#f5b324;
  line-height:55px;
  cursor:pointer;
  float:left;
}
 .next_prev {
	width: 55px;
	height: 55px;
	float:right;
	background:rgba(255, 193, 7, 0.41);

	text-align:center;
	color:#f5b324;
	line-height:55px;
	cursor:pointer;
}
.audio-player #play-btn .fa-pause,
.audio-player #play-btn.pause .fa-play {
	display:none;
}
.audio-player #play-btn.pause .fa-pause {
  	display:inline-block;
}
 .player-controls.scrubber {
	float: left;
	width: 70%;
	background:rgba(255, 193, 7, 0.41);

	padding: 13px 17px;
	margin-right: 15px;
}
 .player-controls.scrubber .fa {
	color:#f5b324;
}



/*================
	5. Causes
======================*/
 #causes {
	background:url(../images/bg-path-1.jpg) no-repeat center / cover;
   
}

#choose {
	background:url(../images/bg-img-2.png) no-repeat center / cover;
}

.causes_info {
	margin:0 auto;
	max-width:580px;
	text-align:center;
}
.causes_info p {
	font-size:15px;
}
 .causes_info .h__set h6 {
	text-transform:uppercase;
	color:#f5b324;
	font-size:16px;
	margin:0 auto 50px;
}
.causes_chart {
	overflow:hidden;
	margin:25px auto 50px;
}
.causes_chart p {
	display:inline-block;
	vertical-align:middle;
	margin:30px auto;
}
.chart {
	display:inline-block;
	vertical-align:middle;
	margin:0 20px;
}
.owl-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 1px;
	 left:0;
	 width:100%;
}
.owl-nav div {
	position:relative;
	width:40px;
	height:40px;
	font-size:0px;
	float:left;
}
.owl-nav div.owl-next {
	float:right;
}
.owl-nav div::after {
	position: absolute;
	top: 0;
	left: 0;
	font-family: fontawesome;
	width: 100%;
	content: "\f104";
	color: #fff;
	font-size: 30px;
	height: 100%;
	text-align: center;
	line-height: 40px;
	opacity:0.6;
}
.owl-nav div.owl-next:after {
	content: "\f105";
}
.owl-nav div:hover:after {
	opacity:1;
}

/* Cause Donaion */

 .sh-cause-single-2{
	text-align: left;
}
 .sh-cause-single{
	box-shadow: 0px 1px 6px 2px rgba( 0, 0, 0, 0.05);
	margin-bottom: 30px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
 .sh-causes-single:hover{
	box-shadow: 0 3px 16px rgba(0,0,0,.25);
}
 .sh-causes-single .entry-thumb img{
	transition: .3s ease-in-out;
}
 .sh-causes-single:hover .entry-thumb img{
	transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
z-index: 0;
}
  .section-header{
	margin: auto;
	max-width: 520px;
	padding-bottom: 30px;
}
 .sh-causes-single .entry-thumb, .event_img{
	position: relative;
	overflow: hidden;
}
	 .sh-causes-single-2 .causes-details h3{
		margin-top: 0px;
	}
	 .sa-causes-single .causes-details h3{
		font-family: 'Noto Sans', sans-serif;
		font-size: 22px;
		margin-top: 35px;
		margin-bottom: 16px;
		color:#13366f
	}
	 .sa-causes-single .causes-details p {
		font size:16px;
	}
	 .p{
		line-height: 28px;
		margin-bottom: 25px;
	}
	 .sh-causes-single .causes-details .cause-progress{
		margin:50px 0 20px 0;
		border-radius: 6px;
	}
	 .sh-causes-single .cause-progress{
		background: #d2d2d2
	}

 .sh-causes-single-2 .cause-progress .progress-bar{
	border-radius: 6px;
}
 .sh-causes-single .cause-progress .progress-bar{
	background: #13366f;
	height :7px;
	position: relative;
}

 .sh-causes-single .cause-progress .progress-bar span{
	position: absolute;
	top: -43px;
	right:0px;
	bottom: 0px;
	background: #13366f;
	padding: 0 5px;
	font-size: 11px;
	height: 22px;
	line-height: 24px;
	border-radius:2px;

}
 .sh-causes-single .cause-progress .progress-bar span:after{
	content: '';
	position: absolute;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #13366f;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color:#13366f;
	bottom: -6px;
	left: 50%;
	margin-left: -6px;

}
 .sh-causes-single .causes-amount {
	margin-bottom: 20px;
}
  .sh-causes-single-2 .causes-amount {
	 border: 0px;
 }
 .sh-causes-single .causes-amount {
	text-align: center;
overflow:hidden;
padding: 15px;
}
 .sh-causes-single .causes-amount .left{
	border: 0;
	text-align: left;
	display: block;
  width: 50%
	float:left;
}
 .sh-causes-single .causes-amount p{
	margin-bottom: 0
}
 .sh-causes-single-2 .causes-amount p{
	font-weight: 600;
}
 .sa-causes-single-2 .causes-amount p{
	font-size: 16px;
	font-family: 'Noto Sans', sans-serif;
}
 .sh-causes-single .causes-amount span{
	font-weight: 500;
	font-size: 18px;
	font-family: 'Noto Sans', sans-serif;
}
 .causes-amount .left{
	width: 50%;
	display:block;
	float: left;
}
 .sh-causes-single-2 .causes-amount .right{
	text-align: right;
}
 .sh-causes-single .causes-amount .right{
	width:50%;
	display:block;
	float: right;
	}
 .sh-causes-single .causes-amount{
	margin-bottom: 20px;
}
 .sh-causes-single-2 .causes-amount{
	border: 0;
}
 .sh-causes-single .causes-amount{
	text-align: center;
	overflow: hidden;
	padding-bottom: 15px;
}
 .sh-causes-single-2 .btn-area .btn{
	margin: 10px 2px 0 2px;
	padding: 10px 24px;
	letter-spacing:0;
}
 .sh-causes-single .causes-details{
	text-align: left;
}
 .sh-causes-single .causes-details-wrap{
	padding: 19px 20px 27px 20px;
	background: #fff;
	border-radius: 0 0 4px 4px;
	border: 1px solid rgba(0,0,0,.1);
}
	/* end cause donation */
	/* Testimonials */
	 causes{
		background: url(../images/1519x1056.jpg) no-repeat center / cover
	}

/*
|---------------------------------------------
| gallery-isotop
|---------------------------------------------
*/
.gallery-wrapper {
	padding: 5px;
}
 .gallery-album.gallery-wrapper,
 .gallery-slider.gallery-wrapper {
	position: relative;
	padding: 0;
}
 .gallery-slider.gallery-wrapper {
	overflow: hidden;
}
 .gallery-slider.gallery-wrapper:hover .ss-gallery-img-slider {
	bottom: 0;
}
 .ss-gallery-img-slider {
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
 .ss-gallery-img-slider .slick-slide {
	opacity: 0.6;
	cursor: pointer;
}
 .ss-gallery-img-slider .slick-slide:hover {
	opacity: 0.9;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
 .ss-gallery-img-slider .slick-current {
	opacity: 1;
}
 .gallery-album .gallery-item{
	padding: 0;
}
 .gallery-masonry {
	width: 100%;
}
 .gallery-item{
	padding: 5px;
	overflow: hidden;
}
 .ht-1{
	height: 280px;
}
 .ht-2{
	height: calc(280px * 2);
}
 .ht-3{
	height: calc(280px * 3);
}
 .ht-4{
	height: calc(280px * 4);
}

 .gallery-sm .ht-1{
	height: 100px;
}
 .gallery-sm .ht-2{
	height: calc(100px * 2);
}
 .gallery-sm .ht-3{
	height: calc(100px * 3);
}
 .gallery-sm .ht-4{
	height: calc(100px * 4);
}
 .gallery-sm .gallery-item{
	padding: 0;
}
 .gallery-sm.gallery-wrapper{
	padding: 0;
}
 .gallery-item .thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
 .gallery-lg .grid-sizer,
 .gallery-lg .gallery-item{
	width: calc(100% / 3);
}
 .gallery-sm .grid-sizer,
.gallery-sm .gallery-item{
	width: calc(100% / 4);
}

 .grid-sizer, .gallery-item { width: 100%; }

@media only screen and (min-width: 480px) and (max-width: 767px) {
	 .grid-sizer,  .gallery-item { width: calc(100% / 2); }
	 .gallery-sm .grid-sizer,
	 .gallery-sm .gallery-item{
		width: calc(100% / 5);
	}

}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	 .grid-sizer,  .gallery-item { width: calc(100% / 3); }
	 .gallery-sm .grid-sizer,
	 .gallery-sm .gallery-item{
		width: calc(100% / 7);
	}

}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
	 .grid-sizer,
	 .gallery-item {
		width: calc(100% / 5);
	}
	 .gallery-sm .grid-sizer,
	 .gallery-sm .gallery-item{
		width: calc(100% / 10);
	}

}
@media only screen and (min-width: 1440px)  {
	 .grid-sizer,
	 .gallery-item {
		width: calc(100% / 5);
	}
	 .gallery-sm .grid-sizer,
	 .gallery-sm .gallery-item{
		width: calc(100% / 12);
	}

}


 .gallery-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
 .gallery-has-zoom img{
	-webkit-transition: 2s;
	transition: 2s;
}
 .gallery-has-zoom .gallery-item:hover img{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
 .gallery-item .thumb{
	position: relative;
	overflow: hidden;
	height: 100%;
}
 .gallery-sm .gallery-item{
	transition: opacity 0.3s;
}

 .gallery-notice{
	background-color: rgba(255, 255, 255, 0.88);
	position: absolute;
	top: 100px;
	left: calc(100% / 12);
	width: calc(100% / 12 * 4);
	z-index: 9;
	padding: 20px;
	display: flex;
	align-items: center;
	min-height: calc(100px * 3);
}
 .gallery-notice p{
	margin-bottom: 0;
	font-weight: 600;
}
 .gallery-wrapper{
	position: relative;
}

 .gallery-item.can-popup .thumb:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	transition: 0.3s;
	background: rgba(0, 0, 0, 0.3);
}

 .gallery-item.can-popup .thumb::after {
	font-family: fontawesome;
	content: "\f002";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	padding: 10px 0;
	text-align: center;
	transition: 0.3s;
	border-radius: 50%;
	color: #ff6a48;
	background: #fff;
	opacity: 0;
}

 .gallery-item .thumb:hover::before {
	height: 100%;
}

 .gallery-item .thumb:hover::after {
	opacity: 1;
}

/*================
	 6. Footer
===========================*/
 .footer_bottom {
	padding:36px 0;
	border-top:#ebebeb solid 1px;
}
 .footer_bottom p {
	margin:0 auto;
}
 .footer_links {
	text-align:right;
}
 .footer_links a {
	display:inline-block;
	color:#555b62;
	margin:0 0 0 20px;
}
.top_widget {
	padding-top: 25px;
	border-right: rgba(255, 255, 255, 0.2) solid 1px;
	padding-bottom: 25px;
}
.top_widget:last-child {
	border:0;
}
.follow_us ul {
	margin:0 auto;
	padding:0;
	list-style:none;
	text-align:right;
}
.follow_us ul li {
	display:inline-block;
	vertical-align:middle;
	margin:0px 0 0px 22px;
}
.follow_us ul li a {
	color:#a5afbb;
	font-size:15px;
	padding:7px 2px;
	display:block;
}
 .follow_us ul li a:hover,
 .follow_us ul li a:focus,
 .footer_links a:hover,
 .footer_nav li a:hover,
 .footer_nav li a.active,
 .footer_widget p a:hover {
	color:#f5b324;
}
.newsletter {
	padding: 0 20px;
	overflow: hidden;
}
.email_input {
	float: left;
	position: relative;
	width: 72%;
}
.email_input::after {
	position: absolute;
	top: 8px;
	left: 0;
	content: "\f0e0";
	font-family: fontawesome;
	color: #fff;
	opacity: 0.6;
}
.email_input input {
	background: no-repeat;
	border: 0;
	color: #fff;
	padding: 9px 25px;
}
.newsletter button {
	padding: 9px 6px;
	background: none;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.5px;
	font-size: 14px;
	float: right;
	cursor: pointer;
}
 .footer_widget {
	margin:80px auto 0;
	padding-bottom:70px;
	border-right:#ebebeb solid 1px;
}
 .footer_widget:last-child {
	border:0;
}
 .footer_widget:first-child .widget_inner {
	padding-left:0;
}
.widget_inner {
	padding:0 20px;
}
 .footer_widget h5 {
	margin: 0 auto 35px;
}
 .footer_widget p {
	margin:0 auto 5px;
}
 .footer_widget p a {
	color:#555b62;
}
 .footer_widget ul {
	padding:0;
	margin:0 auto;
	list-style:none;
	overflow:hidden;
	position:relative;
}
 .footer_nav li {
	display:inline-block;
	width:48%;
	vertical-align:top;
}
 .footer_nav li a {
	color:#555b62;
}


.instagram_img {
	position:relative;
}
.instagram_img li {
	float:left;
	width:25%;
	margin:0 auto;
}
.instagram_img li a {
	background:#000;
	display:block;
}
.instagram_img li a img {
	transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	 -o-transition-duration:0.3s;
  	  -webkit-transition-duration:0.3s;
}
.instagram_img a img:hover {
	opacity:0.7;
}
 .insta_url {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	background: #13366f;
	color: #fff;
	font-size: 20px;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
 .insta_url:hover {
	color:#fff;
	background:#f5b324;
}
#back-top {
	text-align: center;
}
#back-top a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 0px;
	text-align: center;
	line-height: 34px;
	border: #eee solid 1px;
	background: #13366f;
	color: #fff;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	font-size: 22px;
	margin: 0 auto;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
}
#back-top a:hover {
	background: #f5b324;
	color:#fff;
}

.sh-intro-area.text-color {
    padding: 40px 25px 0 25px;
    border-radius: 5px;
    border-bottom: 6px solid #f5b324;
    background-color: rgb( 255, 255, 255);
    box-shadow: 0px 3px 24px 0px rgba( 0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.sh-intro-area i {
    display: inline-block;
    font-size: 60px;
    margin: 0 0 30px 0;
}

.sh-intro-area i {
    transition: 0.3s;
}

.sh-intro-area.text-center i {
    margin: 0 0 40px 0;
}

.sh-intro-area.text-color i {
    font-size: 50px;
    color: #f5b324;
}

.sh-intro-area:hover i {
    transform: scale(1.1);
}

.sh-intro-area h2 {
    font-size: 18px;
    color: #022147 !important;
    font-weight: 600;
}

.sh-intro-area h2 {
    color: #ffffff;
    font-size: 24px;
    line-height: 30px;
}

.sh-intro-area p {
    color: #000000;
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;
    margin-bottom: 46px;
}

/*=====================
	7. Inner-Intro
=============================*/
#inner_intro {
	position:relative;
	background-color:#4c4c4c;
	background-image:url(../images/banner/Inner-banner-01.png);
	background-position:center;
	background-size:cover;
    height :300px;
}
.inner_wp {
	padding:160px 0 0;
}
.inner_wp h1 {
	margin:0 auto;
}
#inner_intro.section-padding {
	padding:80px 0;
}
.breadcrumb {
	background: none;
	text-align: right;
	padding: 0;
	margin: 0 auto;
	display: block;
}
.breadcrumb ul {
	padding:0;
	margin:0 auto;
	list-style:none;
}
.breadcrumb ul li.breadcrumb-item {
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
	color:#fff;
}
.breadcrumb ul li a {
	color:#fff;
}
 .breadcrumb ul li a:hover {
	color:#f5b324;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: "\f105";
	font-family: fontawesome;
	color: #fff;
	padding: 0 13px 0 2px;
}

/*===============
	8. Sermons
======================*/
.sermons_wrap {
	padding: 30px;
	border: #f2f2f2 solid 1px;
	display: table;
	width: 100%;
	margin: 0 auto 30px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 20px;
	transition-duration:0.3s;
	 -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	  -webkit-transition-duration:0.3s;
}
.sermons_wrap:hover {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 30px;
}
.sermons_img {
	float: left;
	width: 21%;
}
.sermons_info_wrap {
	float: right;
	width: 76%;
	padding: 44px 0;
	overflow:hidden;
}
.sermons_info, .sermons_inside {
	float:left;
	width:50%;
}
.sermons_inside {
	text-align: right;
	padding-top: 18px;
	padding-right: 15px;
}
ul.sermons_meta {
	padding: 0;
	list-style: none;
	margin: 0 auto;
	overflow: hidden;
}
.sermons_info h5 {
	margin:0 auto 17px;
}
.sermons_info h5 a {
	color:#022147;
}
.sermons_meta li {
	float: left;
	margin: 0 28px 0 0;
}
 .sermons_meta li i {
	color:#f5b324;
	margin:0 6px 0 0;
}
.sermons_meta li a {
	color: #555b62;
	text-decoration: underline;
}
 .sermons_meta li a:hover {
	color:#f5b324;
}
.sermons_inside ul {
	padding:0;
	margin:0 auto;
	list-style:none;
}
.sermons_inside ul li {
	display:inline-block;
	vertical-align:middle;
	color:#aaadb0;
	font-size:19px;
	margin:0px 0 0 20px;
}
.sermons_inside ul li a {
	display:block;
	color:#aaadb0;
	height:52px;
	width:52px;
	line-height:45px;
	text-align:center;
	border:#e8e7e7 solid 2px;
	border-radius:6px;
}
.filter_wrap {
	margin:0 auto 40px;
}
.layout-switcher {
	text-align:right;
}
.layout-switcher a {
	color:#b1b1b1;
	font-size:22px;
	margin-left:40px;
}
 .sermons_info ul li a:hover,
 .sermons_info h5 a:hover,
 .sermons_inside ul li a:hover,
 .layout-switcher a.active,
 .layout-switcher a:hover {
	color:#f5b324;
}
 .sermons_inside ul li a:hover {
	border-color:#f5b324;
}
.select_arrow {
	position:relative;
	display:inline-block;
}
.select_arrow:after {
	position:absolute;
	top:10px;
	right:10px;
	content:"\f107";
	font-family:fontawesome;
}
.select_arrow .form-control {
	appearance: none;
	padding-right: 30px;
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	width: auto;
	border: #ccc solid 1px;
	padding: 0 30px;
	cursor: pointer;
}
.pagination_wrap {
	padding:15px 0 0;
}
.pagination_wrap p {
	margin:0 auto;
}
.pagination_wrap .pagination {
	text-align:right;
	margin:0 auto;
	padding:0;
	display:block;
}
.pagination li {
	display:inline-block;
	margin:0;
}
.pagination li a, .page-item:last-child .page-link {
	border-color: #fff;
	color: #555b62;
	border-radius: 0;
	padding: 7px 13px;
}
 .pagination li a:hover, .page-item:last-child .page-link:hover, .page-item.disabled .page-link {
	color:#f5b324;
	border:#f5b324 solid 1px;
	border-radius:0;
	background:#fff;
}

/*===================
	9. Sermon-Detail
==========================*/
 .sermons_list h6 a {
	color: #13366f;
}
 .sermons_list h6 a:hover {
	color: #f5b324;
}
 .sidebar_title, .sermons_list {
	border-bottom: #f2f2f2 solid 1px;
	padding: 25px;
}
 .sidebar_title h6 {
	text-transform:uppercase;
	margin:0 auto;
	color:#555b62;
	font-weight:500;
}
 .post_detail .sermons_inside {
	position: absolute;
	text-align: center;
	bottom: 0;
	padding: 0;
	left: 0;
	width: 100%;
	background:#13366f;
}
 .post_detail .sermons_inside ul {
	margin:0 auto;
}
 .post_detail .sermons_inside ul li {
	float: left;
	width: 25%;
	margin: 0 auto;
	border-right: rgba(255, 255, 255, 0.2) solid 1px;
}
 .post_detail .sermons_inside ul li:last-child {
	border:0;
}
 .post_detail .sermons_inside ul li a {
	color: #fff;
	display: block;
	padding: 25px 20px;
	border: 0;
	height: auto;
	width: auto;
	line-height: inherit;
}
 .post_detail .sermons_inside ul li a:hover {
	color:#f5b324;
}



/*==============
	10. Events
======================*/
 .events_wrap {
	margin: 0 auto 50px;
	overflow: hidden;
	position: relative;
}
 .event_date {
	float: left;
	width: 11%;
	text-align: center;
	font-family: 'Noto Sans', sans-serif;
	background: #13366f;
	color: #fff;
	padding: 33px 5px;
	text-transform:uppercase;
	font-weight: 600;
	font-size:14px;
	position: absolute;
	left: 0
}

 .event_img {
	float: left;
	width: 48%;
}
 .event_info {
	float: right;
	width: 47.4%;
}
 .event_info h4 a {
	color:#13366f;
}
.event_info p {
	margin:0 auto 20px;
}
.event_info h4 {
	margin: 10px auto 20px;
}
.event_info ul {
	padding:0;
	margin:0 auto 22px;
	list-style:none;
}
.event_info ul li {
	margin:0 auto 6px;
}
 .event_info ul li i {
	color:#f5b324;
	margin-right:8px;
}
 .event_info h4 a:hover {
	color:#f5b324;
}


	.event_date span {
    color: #f5b324;
    display: block;
    font-size: 40px;
    margin: 0 auto 12px;
}
/*=====================
	 11. Event-Detail
===========================*/
 .sidebar_widgets .event_venue ul {
	padding:28px 25px;
	margin:0 auto;
	list-style:none;
}
 .event_venue ul li {
	padding: 2px 0;
	overflow:hidden;
}
 .event_venue ul li span {
	float:left;
	display:block;
	width:43%;
	font-weight:600;
}
 .event_timer {
	position: absolute;
	text-align: center;
	bottom: 0;
	padding: 0;
	left: 0;
	width: 100%;
	background: rgba(2, 33, 71, 0.8);
}
 .date {
	float: left;
	width: 14%;
	text-align: center;
	font-family: 'Noto Sans', sans-serif;
	color: #fff;
	padding: 13px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	border-right: rgba(255, 255, 255, 0.2) solid 1px;
}
 .date span {
	color: #f5b324;
	display: block;
	font-size: 30px;
	margin: 0 auto 2px;
}
.timer {
	float: right;
	width: calc(100% - 17%);
	text-align:left;
}
.countdown-period {
	color:#fff;
	font-size:24px;
	font-weight:700;
	width:25%;
	float:left;
	padding:12px 15px;
}
.countdown-period span {
	display:block;
	text-transform:uppercase;
	font-size:14px;
	font-weight:300;
}
.venu_map iframe {
	width:100%;
	height:200px;
}

/*==============
	 12. Blog
====================*/
.blog_info {
	margin:0 35px;
	background:#fff;
	position:relative;
	z-index:1;
	padding:32px 25px;
	border:#f2f2f2 solid 1px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 20px;
	text-align:center;
}
 .blog_info h5 a {
	color:#13366f;
}
 .blog_info h5 a:hover {
	color:#f5b324;
}
.blog_img {
	margin: 0 auto -40px;
}

/*==================
	13. Blog-Detail
========================*/
/*--------------------
	13.1. Post-style
-------------------------*/
.post_detail .post_img {
	margin:0 auto 40px;
	position:relative;
}
.post_meta ul {
	padding:0;
	margin:0 auto;
	list-style:none;
	overflow:hidden;
	margin:0 auto 30px;
}
.post_meta ul li {
	float:left;
	margin:0 20px 0 0;
}
 .post_meta li i {
	margin-right:8px;
	color:#f5b324;
}
 .post_detail ul,  .post_detail ol {
	padding: 0;
	margin: 0 auto 30px;
	list-style: none;
	overflow: hidden;
}
.tags_share {
	border-top: #ebebeb solid 1px;
	border-bottom: #ebebeb solid 1px;
	margin: 40px auto 70px;
}
.psot_share {
	border-right:#ebebeb solid 1px;
}
.psot_tags, .psot_share {
	padding:12px 0;
}
 .psot_tags span, .psot_share span {
	font-size:16px;
	color:#13366f;
	padding-right:10px;
}
.psot_tags a, .psot_share a {
	color:#555b62;
}
 .psot_tags a:hover, .psot_share a:hover {
	color:#f5b324;
}
.psot_share a {
	margin-right:15px;
}
/*--------------------
	13.2. Sidebar
--------------------------*/
.sidebar_wrap {
	border:#f2f2f2 solid 1px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 10px;
}
.widget_title {
	padding: 0 0 8px;
}
.sidebar_widgets {
	padding:25px 28px;
}
.widget_title h6 {
	position:relative;
}
 .widget_title h6::after {
	position: absolute;
	left: -28px;
	top: 0;
	height: 100%;
	content: "";
	background: #f5b324;
	width: 5px;
}
.sidebar_widgets ul {
	padding:0;
	margin:0 auto;
	list-style:none;
}
.sidebar_nav ul li a {
	color: #555b62;
	font-size: 15px;
	display: block;
	padding: 5px 30px 5px 0;
	position: relative;
	border-bottom: #fff dashed 1px;
}
.sidebar_nav ul li a:after {
	position:absolute;
	top:5px;
	right:0;
	content:"\f105";
	font-family:fontawesome;
	opacity:0;
	transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
}
 .sidebar_nav ul li a:hover {
	color:#f5b324;
	border-color:#f5b324;
}
.sidebar_nav ul li a:hover:after {
	opacity:1;
}
.recent_post li {
	position: relative;
	padding-left: 100px;
	overflow: hidden;
	margin: 0 auto 20px;
}
.post_thumb {
	position:absolute;
	top:0;
	left:0;
	height:80px;
	width:80px;
	background:#000;
}
.post_thumb img {
	transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-webkit-transition-duration:0.3s;;
}
.post_thumb img:hover {
	opacity:0.7;
}
.recent_post h6 {
	font-size:16px;
	margin:12px 0 6px;
}
 .recent_post h6 a {
	color:#13366f;
}
.recent_post p {
	color:#707070;
	font-size:14px;
	margin:0 auto 15px;
}
 .recent_post h6 a:hover {
	color:#f5b324;
}
.tag_cloud {
	overflow:hidden;
}
.tag_cloud a {
	display:inline-block;
	padding:6px 17px;
	border:#ebebeb solid 1px;
	background:#f9f9f9;
	color:#555b62;
	font-size:14px;
	margin:0 10px 10px 0;
}
 .tag_cloud a:hover {
	background:#f5b324;
	color:#fff;
	border-color:#f5b324;
}
.search {
	position:relative;
}
.search::after {
	position: absolute;
	top: 10px;
	right: 0;
	font-family: fontawesome;
	content: "\f002";
}
 .post_date {
	margin-bottom: 10px;
}
/*--------------------
	13.3. Comments
-------------------------*/
.comment-respond, .all_comments {
	border: #f2f2f2 solid 1px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 10px;
	padding:35px;
}
.all_comments {
	margin:0 auto 80px;
}
.comment-avatar {
	width: 70px;
	border-radius: 50%;
	margin-right: 20px;
	float: left;
	overflow: hidden;
}
.comment-content {
	float: right;
	width: calc(100% - 90px);
	border-bottom: #eee solid 1px;
	padding-bottom: 34px;
}
 .comment-author a {
	color:#13366f;
	font-weight:700;
	margin-right:12px;
}
.comment-time {
	color:#aaaaaa;
	font-size:14px;
}
.comment-meta {
	margin:0 auto 10px;
}
.comment-text p {
	margin:0 auto 15px;
}
.reply {
	text-transform: uppercase;
	letter-spacing: 0.2px;
}
.comment.the-comment {
	overflow: hidden;
	margin: 0 auto 40px;
}
.commentlist .comment ol {
	padding-left: 90px;
	margin: 0 auto;
}
.commentlist .comment ol li:last-child .comment-content {
	padding-bottom:0;
	border:0;
}
#comments h4 {
	margin: 10px 0 40px;
}
.focus-input {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
}
.focus-input::after {
	font-size: 15px;
	color: #555b62;
	line-height: 1.2;
	content: attr(data-placeholder);
	display: block;
	width: 100%;
	position: absolute;
	top: 16px;
	left: 0px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}
.form-control:focus + .focus-input::after {
	top: -15px;
	color:#aaaaaa;
	font-size:13px;
}

/*====================
	14. Contact-Us
==========================*/
.contact_wrap {
	margin:0 auto;
	max-width:950px;
	border: #f2f2f2 solid 1px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 10px;
}
 .contact_info {
	background:#13366f;
	padding:45px;
	color:#fff;
	position:relative;
}
.contact_info:after {
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	width:100%;
	height:100%;
	background:url(../images/comment_icon.png) no-repeat center;
	content:"";
}
.contact_info * {
	z-index:1;
	position:relative;
}
.contact_info p span {
	display:block;
	font-size:20px;
}
.box_heading {
	margin:0 0 100px;
}
.box_heading h4 {
	display: inline-block;
	position: relative;
	color: #fff !important;
	margin: 0 auto;
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	padding-bottom: 15px;
}
.box_heading h4 span {
	 display:block;
	 font-size:15px;
	 font-weight:400;
}
.box_heading h4:after {
	position:absolute;
	bottom:0;
	left:0;
	content:"";
	border-bottom:#fff solid 2px;
	width:40px;
}
.form_wrap {
	padding:45px;
}
.map_wrap {
	height:450px;
	border: #f2f2f2 solid 1px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 10px;
	border-radius:3px;
	margin:100px auto 100px;
}
.map_wrap iframe {
	width:100%;
	height:100%;
}

.map-color{
	  filter: grayscale(100%);
}


/*================
	15. Donation
======================*/
.donation_form .form-control {
	border-radius:4px;
	padding:5px 10px;
}
.select_amount {
	padding:0;
	margin:0 auto 10px;
}
.select_amount li {
	display: inline-block;
	vertical-align: top;
	padding: 8px 22px;
	border: #dbdbdb solid 1px;
	border-radius: 3px;
	cursor: pointer;
	margin-right: 12px;
}
 .select_amount li:hover, .select_amount li:focus, .select_amount li.active {
	background:#f5b324;
	border-color:#f5b324;
	color:#fff;
}
 .input-group-text {
	color:#fff;
	padding:5px 20px;
	font-size:22px;
	background-color: #f5b324;
	border: 1px solid #f5b324;
}

 .donation_list{
	padding: 25px;
	border-bottom: #f2f2f2 solid 1px;
}

 .donation_form .input-group {
	max-width:270px;
}

 .donation_form .input-group {
	max-width:270px;
}

 .donation_list .cause-progress {
    background: #d2d2d2;
}

 .donation_list .cause-progress{
		margin: 70px 0 20px 0;
    border-radius: 6px;
}

 .donation_list .cause-progress .progress-bar{
	background: #13366f;
	height: 7px;
	position: relative;
	border-radius: 6px;
}

 .donation_list .cause-progress .progress-bar span{
	position: absolute;
	top: -43px;
	right: 0px;
	bottom: 0px;
	background: #13366f;
	padding: 0 5px;
	font-size: 11px;
	height: 22px;
	line-height: 24px;
	border-radius: 2px;
}

 .donation_list .cause-progress .progress-bar span:after {
    content: '';
    position: absolute;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #13366f;
    border-top-width: 6px;
    border-top-style: solid;
    border-top-color: #13366f;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
	}

 .donation_list 	.causes-amount {
    text-align: center;
    overflow: hidden;
    padding-bottom: 15px;
}

 .donation_list .causes-amount .left {
    border: 0;
    text-align: left;
    display: block;
    width: 50%;
    float: left;
}

 .donation_list .causes-amount .right {
	 width: 50%;
	 display: block;
	 float: right;
	 text-align: right;
}

 .donation_list .causes-amount p {
    font-weight: 600;
}

 .donation_list .causes-amount p {
    margin-bottom: 0;
}

 .donation_list .causes-amount span {
    font-weight: 500;
    font-size: 18px;
}

/*=================
	16. About-Us
======================*/
 .about_intro {
    background: url(../images/About.jpg) no-repeat center;
}
.about_us {
	margin:0 auto;
	max-width:730px;
	text-align:center;
	background:url(../images/Sikh-icon.png) no-repeat center bottom;
	padding:0 0 20px;
	margin:0 auto 50px;
}
.box_wrap {
	border: #f2f2f2 solid 1px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 10px;
	padding: 30px 20px;
	margin: 0 auto 50px;
	text-align: center;
	background: #fff;
}
 .box_wrap h6,  .box_wrap p {
	margin:0 auto 6px;
}

 .box_wrap.next_event,
 .box_wrap.next_event img {
    transition: 0.3s;
}

 .box_wrap.next_event:hover,
 .box_wrap.next_sermons:hover {
    box-shadow: 0 3px 16px rgba(0,0,0,.25);
}

.team_img {
	text-align:center;
	overflow:hidden;
	width:130px;
	height:130px;
	border-radius:50%;
	margin:0 auto 12px;
	position:relative;
}
.icon {
	margin:0 auto 12px;
}
 .team_url {
	position:absolute;
	top:8px;
	left:8px;
	right:8px;
	bottom:8px;
	border-radius:50%;
	background:#13366f;
	text-align:center;
	line-height:105px;
	font-size:30px;
	color:#deb668;
	cursor:pointer;
	transition-duration:0.3s;
	 -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
	transform:scale(0);
	 -moz-transform:scale(0);
	  -o-transform:scale(0);
	   -webkit-transform:scale(0);
}
.team_img:hover .team_url {
	transform:scale(1);
	 -moz-transform:scale(1);
	  -o-transform:scale(1);
	   -webkit-transform:scale(1);
}
.features, .video_wrap{
	margin:0 auto 80px;
}
.features_wrap {
	position:relative;
	padding:0 0 0 65px;
}
.features_wrap:after {
	position:absolute;
	top:55px;
	left:25px;
	content:"";
	border-right:#e5e5e5 dashed 1px;
	bottom:0;
	width:1px;
}
 .f__icon {
	position:absolute;
	top:-2px;
	left:0;
	width:50px;
	height:50px;
	text-align:center;
	border-radius:50%;
	border:#e5e5e5 solid 1px;
	color:#f5b324;
	font-size:18px;
	line-height:40px;
}
.video_wrap {
	position:relative;
}
.video_icon {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	text-align:center;
	padding:125px 0;
}
.our_testimonials .video_icon {
	padding: 125px 0px 125px 60px;
}
 .video_icon a {
	display: block;
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 77px;
	color: #f5b324;
	font-size: 32px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px;
	margin: 0 auto;
}

 #testimonials {
	background: #13366f;
	padding: 200px 0 50px 40px;
	color: #fff;
	position: relative;
}
 #testimonials:after {
	background: #13366f;
	position:absolute;
	top:0;
	height:100%;
	right:0px;
	width:2000px;
	margin-right:-2000px;
	content:"";
}
.img_wrap {
	position: relative;
	z-index: 1;
	margin-bottom: -115px;
	margin-left: 40px;
}
#testimonials p {
	color:#fff;
	font-size:18px;
	line-height:30px;
	margin:0 auto 40px;
}
#testimonials h6 {
	margin: 0 auto;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}
#testimonials .owl-carousel:after {
	position:absolute;
	top:-50px;
	left:0px;
	width:44px;
	height:30px;
	background:url(../images/quote_icon2.png) no-repeat center;
	content:"";
}
.owl-dots {
	text-align:right;
}
 .owl-dots div {
	display:inline-block;
	vertical-align:middle;
	width:10px;
	height:10px;
	border-radius:50%;
	margin:0 2px;
	background:#f5b324;
	opacity:0.3;
}
.owl-dots div.active {
	opacity:1;
}

	 .sh-team-img-wrapper {
    overflow: hidden;
}
 .sh-team-single img {
    width: 100%;
    height: auto;
    transition: 0.3s;
	}

 .sh-team-info h2 {
    font-family: 'Marcellus', sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #13366f;
    font-weight: 600;
    margin-bottom: 5px;
}
 .sh-team-info p {
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #f5b324;
    margin: 0px;
    padding: 0px;
	}
	 .sh-team-info {
    margin: 25px 0;
    padding: 0 10px;
}
 .sh-team-single {
    border-radius: 5px;
    background-color: rgb( 255, 255, 255);
    box-shadow: 0px 1px 5px 0px rgba( 0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 30px;
    border-bottom: 4px solid #f5b324;
    padding-bottom: 10px;
	}
	 .sh-team-social ul {
    margin: 0 auto;
    display: inline-block;
    padding-left: 0;
	}
	 .sh-team-img-wrapper:hover img {
    transform: scale(1.2) rotate(10deg);
	}
	 .sh-team-social li {
    list-style: none;
    float: left;
    margin: 0 15px 10px ;
	}
	 .sh-team-social li i:hover {
    color: #fff;
    background: #f5b324;
    border: 1px solid #f5b324;
}
 a {
    transition: 0.3s;
    text-decoration: none;
    color: #f5b324;
}
 .sh-team-social li:last-child {
    margin-right: 0;
}
 .sh-team-social li a i {
    height: 35px;
    width: 35px;
    line-height: 33px;
    border: 1px solid #e7eaee;
    border-radius: 50px;
    transition: 0.3s;
	}

  /*======================
		17.Shop Sidebar
	=============================*/
.sidebar_widgets .sidebar_nav ul li.btn-sidebar {
	    background: #f7f7f7;
	    text-align: center;
	    margin: 20px 0 0;
	    border: 1px solid #ccc;
	}

.sidebar_widgets .sidebar_nav ul li.btn-sidebar a{
		padding: 5px 30px 5px 30px;
	}

.sidebar_widgets .sidebar_nav ul li.btn-sidebar a:hover{
		text-decoration: none;
		border: 0px;
	}

.sidebar_nav ul li.btn-sidebar a:after{
		display: none;
	}

#sh .irs--round .irs-bar {
    top: 36px;
    height: 4px;
    background-color: #f5b324
	}

#sh .irs--round .irs-handle {
		cursor: pointer;
    top: 26px;
    width: 24px;
    height: 24px;
    border: 4px solid #f5b324;
    background-color: white;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(0,0,255,0.3);
	}

#sh .irs--round .irs-from,
#sh .irs--round .irs-to,
#sh .irs--round .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: #f5b324;
    color: white;
    border-radius: 4px;
	}

#sh .irs--round .irs-from:before,
#sh .irs--round .irs-to:before,
#sh .irs--round .irs-single:before {
		position: absolute;
		display: block;
		content: "";
		bottom: -6px;
		left: 50%;
		width: 0;
		height: 0;
		margin-left: -3px;
		overflow: hidden;
		border: 3px solid transparent;
		border-top-color: #f5b324;
	}

.sh-product-wrapper .sh-product-content h4{
		font-size: 18px;
		color: #13366f;
		font-weight: 600;
		margin: 12px 0;
	}

.sh-product-wrapper .sh-product-content p .off-price{
			color: #919191;
			font-size: 11px;
			font-weight: 200;
			letter-spacing: 0;
			text-decoration: line-through;
			text-align: left;
			vertical-align: middle;
			display: inline-block;
			margin: 0px;
		}
.sh-product-wrapper .sh-product-content p{
			color: #f5b324;
    font-weight: 500;
    font-size: 16px;
}

.sh-product-content{
    margin: 0px 0;
    padding: 0 10px;
    text-align: center;
}

.sh-product-wrapper {
		border: 2px solid #efefef;
		border-radius: 0;
		background: #ffffff;
		position: relative;
		margin-bottom:30px ;
		}

.sh-product-wrapper  .shop-img {
		    background: #f2f2f2;
		    display: block;
		    margin-bottom: 20px;
		}

#sh .sh-product-content {
    margin: 33px 0 33px;
    padding: 0 10px;
	}

.sh-product-content .off-price span {
    text-transform: uppercase;
    color: #f5b324;
    margin: 30px 0;
    font-weight: 600;
    font-size: 14px;
  }

.sh-product-wrapper .btn {
    padding: 5px 20px;
  }

.shop-img img {
    max-width: 100%;
    height: auto;
    width: auto;
    padding: 35px 0px;
    margin: 0;
    transition: .5s ease;
    backface-visibility: hidden;
	}

.product-btn{
			transition: .5s ease;
	    opacity: 0;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);

	    text-align: center;
	}
.product-btn a {
	    padding: 15px 20px;
	    text-align: center;
	    color: white;
	    z-index: 1;
  }

.sh-product-wrapper:hover {
    box-shadow: 0px 0px 13.5px 1.5px rgba(0, 0, 0, 0.07);
  }

.sh-product-wrapper:hover .sh-shop-img-overlay {
    opacity: 0.3;
  }

.sh-product-wrapper:hover .product-btn{
    opacity: 1;
  }

.page-navigation .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #ef9118;
    border-color:transparent ;
  }

.page-navigation{
	padding: 10px 0;
  }

.sh-shop-section .pagination {
	text-align: center;
	display: block;
  }

.shop-top-filter{
	margin-bottom: 25px;
  }

.shop-top-filter select {
    padding: 10px;
    width: 100%;
    border: 1px solid #ddd;
  }

.shop-top-filter .shop-view p{
	margin-bottom: 0px;
	text-align: right;
  }


  /*======================
  	17. SHOP-DETAILS
  =============================*/
.sh-single-product-details-area {
      position: relative;
  }

  .ss-slider-sync-nav .slick-slide {
      opacity: 0.5;
      transition: 0.3s;
      outline: none;
  }
  .ss-slider-sync-nav .slick-slide.slick-current,
  .ss-slider-sync-nav .slick-slide:hover {
    opacity: 1;
  }

.sh-single-product-details-social {
      position: absolute;
      top: 0%;
      right: 1%;
  }

.sh-single-product-details-social ul {
      padding: 0;
      margin: 0;
      border: 1px solid rgb( 221, 221, 221);
      border-radius: 5px;
      background-color: rgb( 255, 255, 255);
      overflow: hidden;
  }

.sh-single-product-details-social ul li:last-child {
      border: 0;
  }
.sh-single-product-details-social ul li {
      list-style: none;
      margin: 0;
  }
.sh-single-product-details-social ul li a {
      text-decoration: none;
      padding: 10px 15px;
      font-size: 14px;
      display: block;
      overflow: hidden;
      color: #e6dcdc;
  }
.sh-single-product-details {
      margin: 20px 20px 20px 0px;
  }
.sh-single-product-details h2 {
      font-size: 24px;
      line-height: 36px;
      font-weight: 600;
      color:  #343a40;
      max-width: 90%;
      float: left;
      margin-bottom: 20px;
  }
.sh-single-product-details-social ul li a:hover {
      background: #ffc107;
      color: #fff;
  }
.sh-single-product-purches {
      margin: 0 0 30px 0;
  }
.sh-single-product-rating {
      float: left;
      display: inline-block;
      width: 80%;
      margin-bottom: 20px;
  }
.sh-single-product-rating span i {
      color: #ffc107;
  }
.sh-single-product-rating span:last-child {
      font-size: 14px;
      margin-left: 10px;
  }

.sh-single-product-purches h4 {
      display: inline-block;
      min-width: 188px;
      margin: 0 0 20px 0;
      font-weight: 600;
      color:  #343a40;
      font-size: 36px;
      line-height: 42px;
      float: left;
  }

.sh-single-product-purches .quantity {
      display: inline-block;
  }


.sh-single-product-purches .quantity button {
      border-radius: 3px;
      background-color: rgb( 245, 245, 245);
      border: none;
      padding: 7px 20px;
      margin: 0px 7px;
      cursor: pointer;
  }

.sh-single-product-purches .quantity button i {
      font-size: 14px;
      font-weight: 300;
      font-family: FontAwesome;
      color: #959598;
  }

.sh-single-product-purches .quantity button:hover i{
  	color:#ffff;
  }

.sh-single-product-purches .quantity input {
      width: 60px;
      text-align: center;
      padding:3px 5px;
      line-height: 30px;
      font-size: 16px;
      font-weight: 600;
      border: 1px solid #ddd;
      border-radius: 3px;
  }

.sh-single-product-purches .quantity button:hover {
      background: #ffc107;
  }


.sh-single-product-details h5 {
      font-size: 18px;
      line-height: 36px;
      font-weight: 600;
      color: #343a40;
      margin-bottom: 5px;
  }

.sh-single-product-details p {
      color: #555b62;
  }

.sh-single-product-details .sj-time-count {
      float: none;
  }

.sh-time-count {
      display: inline-block;
  }

.sh-time-count h3 {
      font-size: 18px;
      font-weight: 600;
      line-height: 30px;
      color: #343a40;
      margin-bottom: 17px;
  }

.sh-product-review ul {
      border-bottom: 1px solid #ddd;
      padding: 12px 0px 8px 0;
      list-style: none;
  }

.sh-product-review ul li {
      margin: 0;
  }

.sh-product-review ul li a {
      text-decoration: none;
      position: relative;
      padding: 21px 30px;
      font-size: 16px;
      line-height: 36px;
      font-weight: 400;
      color: #8090a3;
      transition: 0.4s;
  }

.sh-product-review ul li a.active {
      color: #022147;
  }

.sh-product-review ul.top-nav li a:before {
      content: " ";
      width: 1px;
      height: 30px;
      background: #ddd;
      position: absolute;
      right: 0;
      bottom: 25%;
  }

#sh .sh-product-review ul.top-nav li:last-child a:before{
  	content:none;
  }

.comment-content .comment-meta .comment-author a{
  	 padding-left: 0px;
  }
.comment-content .comment-text .reply a{
  	 padding-left: 0px;
  }


.sh-product-review ul li a.active:after {
      content: " ";
      left: 0;
      bottom: 2px;
      position: absolute;
      width: 100%;

      height: 3px;
    background:#f5b324;
  }

.sh-product-review .tab-content {
      padding: 30px 0;
  }

.sh-product-review .tab-content h2 {
      font-size: 24px;
      line-height: 36px;
      font-weight: 600;
      color: #022147;
  }


.sh-product-review ul li a:hover{
  	color:#f5b324;
  }


.sh.comment.the-comment {
      overflow: hidden;
      margin: 0 auto 40px;
  }


.sh.comment-avatar {
      width: 70px;
      border-radius: 50%;
      margin-right: 20px;
      float: left;
      overflow: hidden;
  }

.comment-content{
  	border:none;
  }

.sh-product-review .bd{
  	border-bottom: none;
  }


.sh-review-ratings {
      margin: 0 auto 20px;
  }

.sh-review-ratings i.active {
      color: #ffd500;
  }

.sh-review-ratings i {
      font-size: 22px;
  }

.sh-review-form label,
.sh-review-form p {
      font-size: 16px;
      font-weight: 600;
  }

.sh-review-ratings a i {
      color: #808080;
  }


.sh-time-count {
  	display: inline-block;

  }

.sh-coundown {
  	background-color: #fff;
  	padding: 35px 35px 20px 35px;
  	border-bottom: 6px solid #ff6a48;
  	border-radius: 5px;
  	background-color: rgb( 255, 255, 255);
  	box-shadow: 0px 8px 20px 5px rgba( 0, 0, 0, .10);
  }

.sh-coundown-content {
  	margin-top: 20px;
  }

.sh-event_timer {
  	position: absolute;
  	text-align: center;
  	bottom: 0;
  	padding: 0;
  	left: 0;
  	width: 100%;
  	background: rgba(2, 33, 71, 0.8);
  }

.sh-event_timer .countdown-period {
  	text-align: center;
  }

.sh-date {
  	float: left;
  	width: 14%;
  	text-align: center;
  	color: #fff;
  	padding: 13px;
  	text-transform: uppercase;
  	font-weight: 600;
  	font-size: 14px;
  	border-right: rgba(255, 255, 255, 0.2) solid 1px;
  }

.sh-date span {
  	color: #ff6a48;
  	display: block;
  	font-size: 30px;
  	margin: 0 auto 2px;
  }

.sh-timer {

  	width: 100%;
  	text-align: left;
  }

.sh-time-count .timer {
      text-align: center;
      width: 100%;
  }

.countdown-period span {
  	display: block;
  	text-transform: uppercase;
  	font-size: 14px;
  	font-weight: 300;
  }

  .sh-time-count .countdown-period {
    display: inline-block ;
    width: auto ;
    text-align: center ;
    padding: 0 ;
    margin-right: 12px ;
  }

  .sh-time-count .countdown-period .c-title {
    font-size: 30px;
    font-weight: 700;
    color: #022147;
    background: #dadee4;
    height: 75px;
    line-height: 75px;
    width: 75px;
    border-radius: 5px;
    margin-bottom: 5px;
  }

  .sh-time-count .countdown-period span {
    font-size: 12px;
    font-weight: 500;
    line-height: 30px;
    color: #555b62;
    margin: 0;
    padding: 0;
    text-align: center;
  }

.sh-shop-title-area .sh-shop-title h2 {
      color: #022147;
      font-size: 30px;
      line-height: 40px;
      font-weight: 600;
      margin: 0;
  }

.sh-shop-title-area .sh-shop-view {
      background: #f2f2f2;
      margin: 0;
      padding: 0;
      border: 1px solid #ddd;
      border-radius: 5px;
  }


.sh-shop-title-area .sh-shop-view ul {
      margin: 0;
      padding: 0;
  }

.sh-shop-title-area .sh-shop-view ul li {
      list-style: none;
      float: left;
      margin: 0;
      border-right: 1px solid #ddd;
  }


.sh-shop-title-area .sh-shop-view ul li a {
      text-decoration: none;
      padding: 8px 20px;
      line-height: 24px;
      font-size: 14px;
      display: block;
      font-weight: 600;
      color: #4c4646;
  }

.sh-shop-title-area .sh-shop-view ul li a:hover {
      background: #ffc107;
      color: #fff;
  }
  .sh-shop-title-area {
      margin: 60px 0 36px 0;
  }

  /*======================
  	17. log-in
  =============================*/


  .sh-header {
      z-index: 9;
      background: #13366f;
  }

 .sh-wrpr-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

  .sh-logo {
      padding: 0;
      max-width: 185px;
  }

  .login-page h4 {
  	color: #000;
    margin: 0 0 20px;
    font-family: 'Playfair Display', sans-serif;
    font-weight: 600;
  }

  .login-form-s .form-control {
    margin: 0 0 15px;
  }

  .login-page a {
      color: #eab244;
  }

  .login-page a:hover{
  	color:#212529;

  }

  .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
      color: #fff;
      background-color: #eab244;
  }

  /*======================
  	Cart page SINGH
  =============================*/
  /*---section heading*/
.cart-section-heading h2{
      font-size: 48px;
      font-weight: 800;
      line-height: 62px;
      text-transform: capitalize;
  	}
  /*--table body--*/
.product-remove a i {
      color: #000000;
  }

.product-thumbnail {
      width: 32px;
      display: inline-block;
      margin-right: 1rem;
  }
.table .hm-align {
      vertical-align: middle;
  }
.hm-qty-btn {
      padding: .375rem .75rem;
  }

.qty {
      width: 40px;
      text-align: center;
      border: 0;
      outline: none;
  }
  /*--table footer--*/

.hm-product-promo {
      border: 1px solid #e4e4e4;
      padding: 1.5rem;
      box-shadow: 0 0 5px 1px rgba(105, 105, 105, 0.1);
  }
.hm-table-borderless tbody td {
      border: none;
  }

  /*======================
    Checkout
  =============================*/
.sh-primary-color {
      color: #b2bd31;
  }

.sh-section-heading h6 {
      font-size: 32px;
      font-weight: 100;
      line-height: 48px;
  }

  .sh-section-heading h2 {
      font-size: 48px;
      font-weight: 800;
      line-height: 62px;
      text-transform: capitalize;
  }
  #sh .card {
      margin-bottom: 30px;
  }
  #sh .card-title {
      border-bottom: 1px solid rgba(0, 0, 0, .125);
      padding: 1rem;
      display: flex;
      justify-content: space-between;
  }
  #sh .card-title h6 {
      text-transform: uppercase;
      color: #f5b324;
      margin-bottom: 0;
      font-size: 20px;
  }
  #sh .card-body {
      color: #212529;
  }

  .col-form-label {
      padding-top: calc(.375rem + 1px);
      padding-bottom: calc(.375rem + 1px);
      margin-bottom: 0;
      font-size: inherit;
      line-height: 1.5;
  }

  .checkout-form .form-control {
      min-height: 50px;
    }

  .hm-table-borderless thead th {
      text-align: left;
      border: none;
      text-transform: capitalize;
      font-weight: 600;
      color: #f5b324;
      background: white;
      border-bottom: 1px solid rgba(0, 0, 0, .125);
  }
  .table thead th {
      vertical-align: bottom;
      border-bottom: 2px solid #dee2e6;
  }
  .hm-table-borderless tbody td {
      border: none;
  }
  .hm-table-footer {
      border-top: 1px solid rgba(0, 0, 0, .125);
      font-weight: 600;
      color: #212529;
  }
  tfoot .hm-table-footer td {
      border: none;
  }
  .hm-payment-cards li:first-child {
      color: #b60707;
  }
  .hm-payment-cards li {
      padding-right: .75rem;
  }
  .hm-pay-form tbody td {
      border: none;
      padding: 0.5rem;
  }

.form-control:focus {
      box-shadow: none;
      border-color: #f5b324;
      outline: none;
      background: rgba(245, 179, 36, 0.12);
  }

/*======================
	17. Responsive-CSS
=============================*/
@media (min-width:991px) and (max-width:1200px) {
 .latest_event_sermons .box_wrap {
	padding: 40px 20px;
}
 .player-controls.scrubber {
	width: 65%;
}
 .latest_event_sermons .event_list .event_info {
	padding: 15px 15px 15px 126px;
}
 .email_input {
	width: 66%;
}
 .footer_links a {
	margin: 0 0 0 12px;
}
 .box_heading {
	margin: 0 0 50px;
}
 .form-label {
	font-size: 14px;
}
 .event_venue ul li span {
	float: none;
	width: 100%;
}
 .event_date {
	padding: 22px 5px;
}
 .event_info h4 {
	margin: 0px auto 14px;
}
 .sermons_info_wrap {
	padding: 12px 0;
}


}

@media (min-width:768px) and (max-width:990px) {
 .navbar-nav li a {
	font-size: 13px;
	padding: 13px 4px;
}
 .navbar-nav .btn {
	padding: 10px 10px;
}
 .header_top p.address {
	display:none;
}
 .intro_text {
	padding: 100px 0;
	margin:0 auto;
}
 .intro_text h1 {
	font-size: 55px;
}
 .latest_event_sermons .box_wrap {
	padding: 22px;
}
 .next_sermons .sermons_inside {
	padding: 17px 0;
}
 .audio-player #play-btn {
	margin-right:5px;
}
 .player-controls.scrubber {
	width: 57%;
	margin-right: 5px;
}
 .audio-player .player-controls progress {
	width: 55%;
}
 .audio-player {
	padding: 0;
}
 .event_info ul li {
	font-size: 13px;
	line-height: 23px;
}
 .about_us {
	max-width: 530px;
}
 .latest_event_sermons .event_list .event_date {
	width: 82px;
}
 .latest_event_sermons .event_list .event_info {
	padding: 25px 25px 25px 100px;
}
 .blog_info {
	margin: 0 15px;
	padding: 20px 15px;
}
 .follow_us ul li {
	margin: 0px 0 0px 18px;
}
 .newsletter {
	padding: 0;
}
 .email_input {
	width: 61%;
}
 .widget_inner {
	padding: 0;
}
 .widget_inner p,  .widget_inner a,  .footer_links a,  .footer_bottom p {
	font-size:14px;
	line-height:20px;
}
 .section-padding {
	padding: 100px 0;
}
 .footer_widget {
	padding-bottom: 60px;
}
 .insta_url {
	font-size: 20px !important;
	line-height: 48px !important;
}
 .btn {
	font-size: 13px;
	padding: 8px 26px;
}
 .inner_wp {
	padding: 180px 0 0;
}
 .features_wrap {
	padding: 0 0 0 55px;
}
 .f__icon {
	width: 40px;
	height: 40px;
	font-size: 16px;
	line-height: 32px;
}
 .features_wrap h6 {
	font-size: 16px;
}
 .features_wrap p {
	font-size:14px;
	line-height:24px;
}
 .video_icon {
	padding: 45px 0;
}
 .margin_60 {
	margin: 0px auto 40px;
}
 .box_wrap {
	margin: 0 auto 35px;
}
 .footer_nav li {
	margin: 0 auto;
}
 .sidebar_widgets {
	padding: 20px 15px;
}
 .widget_title h6::after {
	left: -15px;
}
 .sidebar_nav ul li a {
	padding: 5px 20px 5px 0;
}
 .sidebar_nav ul li {
	margin:0 auto;
}
 .widget_title {
	padding: 0;
}
 .post_thumb {
	height: 50px;
	width: 50px;
}
 .recent_post li {
	padding-left: 62px;
}
 .recent_post li:last-child {
	margin: 0 auto;
}
 .recent_post h6 {
	font-size: 14px;
	margin: 0px;
}
 .tag_cloud a {
	padding: 2px 15px;
	font-size: 13px;
	margin: 0 2px 5px 0;
}
 .psot_tags,  .psot_share {
	padding: 12px 0;
	line-height: 20px;
}
 .comment-respond,  .all_comments {
	padding: 25px;
}
 .map_wrap {
	height: 300px;
}
 .select_amount li {
	padding: 8px 15px;
	margin-right: 8px;
}
 .event_venue ul li span {
	float: none;
	width: 100%;
}
 .sidebar_widgets .event_venue ul {
	padding: 20px 24px;
}
 .date {
	width: 20%;
}
 .timer {
	width: calc(100% - 21%);
}
 .event_date {
	padding: 15px 5px;
}
 .event_info h4 {
	margin: 0px auto 14px;
	font-size: 22px;
}
 .sermons_wrap {
	padding: 20px;
}
 .sermons_img {
	float: left;
	width: 36%;
}
 .sermons_info_wrap {
	float: right;
	width: 60%;
	padding: 12px 0;
}
 .sermons_info,  .sermons_inside {
	float: none;
	width: 100%;
}
 .sermons_inside {
	text-align: left;
	padding: 18px 0 0 0;
}
 .sermons_info h5 {
	margin: 0 auto 10px;
}
 .sermons_inside ul li {
	font-size: 17px;
	margin: 0 10px 0 0;
}
 .sermons_inside ul li a {
	height: 50px;
	width: 50px;
	line-height: 43px;
}
 h6 {
	font-size:17px;
}
 .sidebar_title, .sermons_list {
	padding: 20px;
}
 .all_comments {
	margin: 0 auto 50px;
}



}
@media (max-width:991px) {
	 .latest_blog .blog .blog_wrap {
		margin-bottom: 30px;
	}
	 .gallery-notice {
	    left: 15px;
	    width: calc(100% - 30px);

	}
	 .sh-causes-single {
		margin-bottom: 30px;

	}
	 .header_top .quick_info ul li:nth-child(1){
			display: none;
	}
	 .video_intro_text {
	    padding: 200px 0;
	}
	 .latest_event_sermons .event_info {
		padding: 10px 0 10px 110px;
	}
}

@media (max-width:767px) {
 .header_top .quick_info ul li:nth-child(1){
		display: none;
}
 .header_top .quick_info ul li:nth-child(2){
		display: none;
}
 .header_top .follow_us ul li a,
 .header_top .quick_info ul li:nth-child(3){
	font-size: 12px;
}
 .header_top p.address {
	display:none;
}
 .follow_us ul li {
	margin: 0px 0 0px 15px;
}
 .header_top {
	padding: 4px 0;
}

#sorting-1 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.shop-view{
  display: none;
}

#sorting-2{
	margin-bottom: 20px;
}

 #menu_slide {
	display: block;
	float: right;
	background: none;
	border: 0;
	width: 32px;
	margin: 10px auto;
	cursor: pointer;
	padding: 0;
}

 #intro .owl-nav div {
    width: 30px;
	}

 .icon-bar {
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	margin: 0 auto 6px;
}
 .navbar-header {
	display: block;
	width: 100%;
}
 .logo {
	float: left;
}
 .navbar-collapse {
	width: 100%  !important;
	text-align: left !important;
	background: #fff;
}
 .navbar-nav ul {
	background:#fff;
}
 .navbar-nav li {
	display: block;
}
 .navbar-nav li a {
	color: #333;
	padding: 6px 15px;
	border-bottom: rgba(0, 0, 0, 0.15) solid 1px;
}
 .navbar-nav .btn {
	color:#fff;
}
ul.sub-menu {
	position: relative;
	width: auto;
}
 .navbar ul li ul.sub-menu li a {
	padding: 4px 17px;
	font-size: 13px;
}
 .navbar ul li ul.sub-menu li a {
	font-size: 13px;
}
 .intro_text {
	margin: 0 auto;
	padding: 90px 0 60px;
}
 .video_intro_text{
	padding: 130px 0;
}
 .intro_text h1 {
	font-size: 38px;
}
 .intro_text p {
	font-size: 15px;
	margin: 0 auto 30px;
	max-width: 80%;
	line-height: 24px;
}
#intro .owl-nav div {
	width: 36px;
	height: 36px;
}
#intro .owl-nav div::after {
	line-height: 35px;
	font-size: 22px;
}
 .btn {
	font-size: 13px;
	line-height: 25px;
	padding: 10px 18px;
}
 .latest_event_sermons .box_wrap {
	padding: 25px 20px;
	margin: 0 auto 30px;
}
 .audio-player #play-btn {
	width: 17%;
	margin: 0 3% 0 0;
}
 .player-controls.scrubber {
	width: 59%;
	margin-right: 3%;
	padding: 13px 10px;
}
 .next_prev {
	width:17%;
}
 .audio-player .player-controls progress {
	width: 57%;
}
 .section-padding {
	padding: 70px 0;
}
 .section-header h2 {
	margin: 0 auto 20px;
	font-size: 28px;
}
 .about_intro {
	background: none;
}
 .causes_chart p {
	display: block;
	margin: 10px auto;
}

 h2 {
	font-size: 28px;
}
 h3 {
	font-size:22px;
}
 .event_list {
	margin: 0 auto 50px;
}
 .heading {
	margin: 0 auto 20px;
}
 .panel-body .sermons_inside li {
	margin: 0 5px 0 0;
}
 .panel-title a {
	padding: 18px 50px 18px 0;
}
 .margin_60 {
	margin: 0px auto 60px;
}
 .video_icon a {
	width: 50px;
	height: 50px;
	line-height: 48px;
	font-size: 20px;
}
 .our_testimonials .video_icon {
	padding: 20% 0px 20% 8%;
}
 #testimonials {
	padding: 200px 20px 30px 20px;
}
 #testimonials p {
	font-size: 17px;
	line-height: 26px;
	margin: 0 auto 22px;
}
 .blog_info {
	margin: 0 12px;
	padding: 15px;
}
 p {
	line-height:24px;
}
 .blog_wrap {
	margin: 0 auto 40px;
}
 .top_widget {
	padding-top: 10px;
	border-right:0;
	padding-bottom: 10px;
	border-bottom: rgba(255, 255, 255, 0.15) solid 1px;
}
 .footer_logo,  footer .follow_us ul {
	text-align:center;
}
 .footer_widget {
	margin: 40px auto 0;
	padding-bottom: 30px;
	border-bottom: #ebebeb solid 1px;
	border-right:0;
}
 .footer_widget h5 {
	margin: 0 auto 5px;
}
 .widget_inner {
	padding: 0;
}
 .footer_bottom {
	padding: 15px 0;
	text-align:center;
}
 .footer_links {
	text-align:center;
}
 .footer_links a {
	margin: 0 6px;
}
 #back-top {
	display:none !important;
}
 #inner_intro.section-padding {
	padding: 60px 0;
	text-align: center;
}
 .inner_wp {
	padding: 130px 0 0;
}
 .breadcrumb {
	text-align:center;
  text-transform: capitalize;
}
 .video_icon {
	padding: 10% 0;
}
 .img_wrap {
	margin-top: 40px;
}
 .box_wrap {
	margin: 0 auto 30px;
}
 .post_detail .post_img {
	margin: 0 auto 20px;
}
blockquote p {
	font-size: 16px;
}
 .psot_tags,  .psot_share {
	padding: 0;
	border: 0;
}
 .tags_share {
	padding:12px 0;
	margin: 40px auto;
}
 .comment-respond,  .all_comments {
	padding: 20px;
}
 .all_comments {
	margin: 0 auto 40px;
}
 .comment-avatar {
	width: 30px;
}
 .comment-content {
	width: calc(100% - 50px);
	padding-bottom: 24px;
}
 .commentlist .comment ol {
	padding-left: 50px;
}
 .sidebar_wrap {
	margin-top: 40px;
}
 .tag_cloud a {
	padding: 3px 14px;
	font-size: 13px;
	margin: 0 5px 5px 0;
}
 .map_wrap {
	height: 350px;
	margin: 0 auto 70px;
}
 .form_wrap {
	padding: 25px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 10px;
	border: #f2f2f2 solid 1px;
	margin: 40px 0;
}
 .contact_wrap {
	border: 0;
	box-shadow: none;
}
 .contact_info {
	padding: 40px 15px;
}
 .box_heading {
	margin: 0 0 50px;
}
 .m_none {
	display:none;
}
 .select_amount li {
	padding: 8px 18px;
	margin-right: 7px;
}
 .date {
	width: 20%;
}
 .timer {
	width: calc(100% - 21%);
}
 .commentlist {
	margin:0 auto !important;
}
 .events_wrap {
	margin:0 auto 60px;
}
 .events_wrap .event_img {
	float: none;
	width: 100%;
	margin:0 auto;
}
 .events_wrap .event_info {
	float: none;
	width: 100%;
	padding-top: 10px;
}
 .events_wrap .event_info ul li {
	font-size:15px;
}
 .events_wrap .event_date {
	float: none;
	width: 100%;
	text-align: left;
	padding: 1px 13px;
	font-size: 15px;
	display: inline-block;
	margin: 0 auto;
	width: auto;
}
 .events_wrap .event_date span {
	display: inline;
	font-size: 15px;
	margin: 0 auto;
}


 .sermons_wrap {
	padding: 20px;
}
 .sermons_img {
	float: left;
	width: 36%;
}
 .sermons_info_wrap {
	float: right;
	width: 60%;
	padding:0;
}
 .sermons_info,  .sermons_inside {
	float: none;
	width: 100%;
}
 .sermons_inside {
	text-align: left;
	padding: 18px 0 0 0;
}
 .sermons_info h5 {
	margin: 0 auto 10px;
}
 .sermons_inside ul li {
	font-size: 17px;
	margin: 0 10px 0 0;
}
 .sermons_inside ul li a {
	height: 40px;
	width: 40px;
	line-height: 33px;
	border-width:1px;
}
 .nav-border {
	border-bottom: 0px;
    border-right: 0;
    border-left: 0;
}

}

@media (max-width:600px) {
 .pagination_wrap {
	text-align: center;
}
 .pagination_wrap .pagination {
	text-align: center;
	padding: 15px 0 0;
}
 .select_amount li {
	padding: 3px 6px;
	margin-right: 0px;
	font-size: 13px;
}
 .donation_form .form-control {
	margin-bottom: 3px;
}
 .event_venue ul li span {
	float: none;
	width: 100%;
}
 .date {
	width: 24%;
	padding: 13px 0;
}
 .countdown-period {
	padding:13px 0;
	text-align:center;
}
 .timer {
	width: calc(100% - 24%);
}
 .countdown-period span {
	font-size:10px;
}
 .latest_event_sermons .event_info {
	float: none;
	width: 100%;
	padding: 0;
}
 .latest_event_sermons .event_date {
	position: relative;
	top: 0;
	width: auto;
	padding: 7px 15px;
	border: #ccc solid 1px;
	margin: 0 auto 10px;
	float: none;
	width: auto;
	display: inline-block;
	font-size: 16px;
	border-radius: 3px;
}
 .latest_event_sermons .event_date span {
	display: inline-block;
	font-size: 16px;
	margin: 0 auto;
}
 .latest_event_sermons .event_list .event_info {
	padding: 25px;
}
 .latest_event_sermons .event_list .event_date {
	width: auto;
	top: 0;
	padding: 7px 15px;
}
 .sermons_img,  .sermons_info_wrap {
	float: none;
	width: 100%;
}
 .sermons_img {
	margin:0 auto 20px;
}
 .post_detail .sermons_inside ul li a {
	padding: 8px 20px;
}
}

@media (max-width: 575px){
tfoot .check-btn {
	    margin-bottom: 0.5rem;
	}
tfoot .btn-width{
		width: 100%;
	}
/*--SINGH media query--*/
.hm-cart-table thead {
    display: none;
}
.hm-cart-table tbody td {
    position: relative;
    display: block;
    width: 100%;
}
.hm-cart-table tbody td.has-title {
    text-align: right;
}
.hm-cart-table tbody td.has-title::before {
    content: attr(data-title);
    font-weight: 700;
    float: left;
}
}